<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<section id="listRandomComic">
	<c:choose>
		<c:when test="${lstTruyenTranhRandomSidebar.size() > 10}">
			<c:forEach begin="10" end="${lstTruyenTranhRandomSidebar.size() -1}" step="1" var="i">
				<div class="rightShadow corner3">
					<img class='corner tooltip' src='${lstTruyenTranhRandomSidebar[i].linkImage}/s152/${lstTruyenTranhRandomSidebar[i].nameImage}' alt='Truyện tranh ${lstTruyenTranhRandomSidebar[i].name}' title="<h2>Tóm tắt truyện : ${lstTruyenTranhRandomSidebar[i].name}</h2>${lstTruyenTranhRandomSidebar[i].info}" />
					<p class='textOverflow'>
						<strong>${lstTruyenTranhRandomSidebar[i].name}</strong><br />
						<b>Tác giả: </b><span>${lstTruyenTranhRandomSidebar[i].tacGia.name}</span><br />
						<b>Thể loại: </b><span>${lstTruyenTranhRandomSidebar[i].categories}</span><br />
						<b>Người dịch: </b><span>${lstTruyenTranhRandomSidebar[i].translator}</span><br />
						<b>Số chapter: </b><span><fmt:formatNumber type="number" maxIntegerDigits="4" value="${lstTruyenTranhRandomSidebar[i].totalChapter}" /></span><br />
						<b>Được thích: </b><span>${lstTruyenTranhRandomSidebar[i].liked}</span><br />
						<b>Lượt xem: </b><span>${lstTruyenTranhRandomSidebar[i].views}</span><br />
						<a class="corner3" href='<spring:url value="/truyen-tranh/T${lstTruyenTranhRandomSidebar[i].id}/${fn:replace(lstTruyenTranhRandomSidebar[i].alias,' ','-')}.htm" />' title="Xem truyện tranh ${lstTruyenTranhRandomSidebar[i].name}">Xem truyện</a>
					</p>
				</div>
			</c:forEach>
		</c:when>
		<c:otherwise>Đang cập nhật...</c:otherwise>
	</c:choose>
</section>